<div class="list-page" ng-controller="listCtrl">
<header>
   <div class="top">
      <i class="scan"></i>
      <form>
          <input type="text" name="search-content" placeholder="海大珍珠" id="search" ng-focus="toSearch()">
          <div class="btn" id="btn"></div>
      </form>
      <i class="message"></i>
   </div>
   <div class="heade">
        <div class="list_top">
            <div class="colligate" id="more-sort-show" ng-click="toggle()">
                <h3 ng-bind="sizerText"></h3><img src="src/img/sanjiao_03.png" alt="snajiao">
            </div>
            <div class="sales" id="orderBy" ng-bind="sortText">销量优先</div>
            <div class="sizer"><h3>筛选</h3><img src="src/img/xuan_03.png" alt="xuan"></div>
        </div>
    </div>
</header>
<ul class="more-sort" id="more-sort" ng-show="isToggleSort">
    <li id="zh" ng-click="sortBy('default')" ng-class="on">综合优先</li>
    <li id="jg" ng-click="sortBy('price')">价格优先</li>
    <li id="pl" ng-click="sortBy('comment')">评论优先</li>
    <li id="sl" ng-click="sortBy('sales')">销量优先</li>
</ul>
<div class="main" id="proList">
    <div class="sum" ng-repeat="item in proData">
        <div class="sum_left">
            <a ui-sref="proDetails( { id:item.id } )"><img ng-src="{{item.img_src}}" alt="zhong1"></a>
        </div>
        <div class="sum_right">
            <h3 class="title">{{item.title}}{{item.subtitle}}</h3>
            <h4><i>破损包退</i><b>包邮</b></h4>
            <h5>￥<span ng-bind="item.price"></span></h5>
            <button class="buy" ui-sref="confirmOrder( { id:item.id } )">立即购买</button>
        </div>
    </div>
</div>
</div>